<template>
  <div id="app">
   <router-view></router-view>
  </div>
</template>

<style lang="less">
@import "less/color";
@import 'less/gobal';
*{
  padding: 0;
  margin: 0;
  outline: none;
}
body{
  width: 100%;
  background: @background-color-base;
}
#app{
  width: 100%;
  background: @background-color-base;
}
body::-webkit-scrollbar,.scroll::-webkit-scrollbar{
  background: @background-color-base;
  width: 8px;
}
body::-webkit-scrollbar-button,.scroll::-webkit-scrollbar-button {
  height: 8px;
  border-radius: 5px;
}
body::-webkit-scrollbar-track,.scroll::-webkit-scrollbar-track {
  border-radius: 4px;
}

body::-webkit-scrollbar-thumb,.scroll::-webkit-scrollbar-thumb {
  background: @border-color-base;
  border-radius: 4px;
}

</style>
